﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="/netctoss/"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>NetCTOSS</title>
        <link type="text/css" rel="stylesheet" media="all" href="styles/global.css" />
        <link type="text/css" rel="stylesheet" media="all" href="styles/global_color.css" />

        <link type="text/css" rel="stylesheet" media="all" href="js/layer/theme/default/layer.css" />

    </head>
    <body>
    <div class="header">

    </div>

        <!--主要区域开始-->
        <div id="main">
            <form action="" method="">
                <!--查询-->
                <div class="search_add">                        
                    <div>身份证：<input type="text" value="不验证" class="text_search" v-model="account.accountIdcardNo" /></div>
                    <div>姓名：<input type="text" class="width70 text_search" value="不验证" v-model="account.accountRealName" /></div>
                    <div>登录名：<input type="text"  value="不验证" class="text_search" v-model="account.accountLoginName" /></div>
                    <div>
                        状态：
                        <select class="select_search" v-model="account.accountStatus">
                            <option value="">全部</option>
                            <option value="0">开通</option>
                            <option value="1">暂停</option>
                            <option value="2">删除</option>
                        </select>
                    </div>
                    <div><input type="button" value="搜索" class="btn_search" @click="selectPageAndParams" /></div>
                    <input type="button" value="增加" class="btn_add" @click="toInsert" />
                </div>  
                <!--删除等的操作提示-->
                <div id="operate_result_info" class="operate_success">
                    <img src="images/close.png" onclick="this.parentNode.style.display='none';" />
                    删除成功，且已删除其下属的业务账号！
                </div>   
                <!--数据区域：用表格展示数据-->     
                <div id="data">            
                    <table id="datalist">
                    <tr>
                        <th>账号ID</th>
                        <th>姓名</th>
                        <th class="width150">身份证</th>
                        <th>登录名</th>
                        <th>状态</th>
                        <th class="width100">创建日期</th>
                        <th class="width150">上次登录时间</th>                                                        
                        <th class="width200"></th>
                    </tr>
                    <tr v-for="account in pageInfo.list ">
                        <td>{{account.accountId}}</td>
                        <td><a href="javascript:;" @click="showDetail(account.accountId)">{{account.accountRealName}}</a></td>
                        <td>{{account.accountIdcardNo}}</td>
                        <td>{{account.accountLoginName}}</td>
                        <td>
                            <span v-if="account.accountStatus == '0'">开通</span>
                            <span v-else-if="account.accountStatus == '1'">暂停</span>
                            <span v-else-if="account.accountStatus == '2'">删除</span>
                        </td>
                        <td>{{account.accountCreateDate}}</td>
                        <td>{{account.accountLastLoginTime}}</td>
                        <td class="td_modi">
                            <input type="button" value="暂停" class="btn_pause" @click="doPause(account.accountId,account.accountStatus)" />
                            <input type="button" value="修改" class="btn_modify" @click="toUpdate(account.accountId,account.accountStatus)" />
                            <input type="button" value="删除" class="btn_delete" @click="doDelete(account.accountId,account.accountStatus)" />
                        </td>
                    </tr>

                </table>
                <p>业务说明：<br />
                1、创建则开通，记载创建时间；<br />
                2、暂停后，记载暂停时间；<br />
                3、重新开通后，删除暂停时间；<br />
                4、删除后，记载删除时间，标示为删除，不能再开通、修改、删除；<br />
                5、暂停账务账号，同时暂停下属的所有业务账号；<br />                
                6、暂停后重新开通账务账号，并不同时开启下属的所有业务账号，需要在业务账号管理中单独开启；<br />
                7、删除账务账号，同时删除下属的所有业务账号。</p>
                </div>                   
                <!--分页-->
                <div id="pages">
                    <a href="javascript:;"   @click="selectPage(1,pageInfo.pageSize)">首页</a>
        	        <a href="javascript:;"v-if="pageInfo.hasPreviousPage" @click="selectPage(pageInfo.prePage,pageInfo.pageSize)">上一页</a>
        	        <a href="javascript:;"v-if="!pageInfo.hasPreviousPage" @click="selectPage(pageInfo.pageNum,pageInfo.pageSize)">上一页</a>

                    <a href="javascript:;" :class="pageInfo.pageNum ==pageNum ? 'current_page' : ''"
                       v-for="pageNum in pageInfo.navigatepageNums"
                       @click="selectPage(pageNum,pageInfo.pageSize)" >{{pageNum}}</a>

                    <a href="javascript:;"v-if="pageInfo.hasNextPage" @click="selectPage(pageInfo.nextPage,pageInfo.pageSize)">下一页</a>
                    <a href="javascript:;"v-if="!pageInfo.hasNextPage" @click="selectPage(pageInfo.pageNum,pageInfo.pageSize)">下一页</a>

                    <a href="javascript:;" @click="selectPage(pageInfo.pages,pageInfo.pageSize)">末页</a>
                </div>                    
            </form>
        </div>
    </body>

<script src="js/jquery/jquery.js"></script>
<script src="js/layer/layer.js"></script>
<script src="js/vue/vue.js"></script>
<script src="js/vue/axios.js"></script>
<script src="js/account/index.js"></script>
<script>

    $(".header").load("common/header");

</script>
</html>
